<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UserProfileControl.ascx.cs" Inherits="TVT.UI.UserControls.UserProfileControl" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>

<style type="text/css">
    .style1
    {
        width: 300px;
    }
</style>

<asp:UpdatePanel ID="upUserProfile" runat="server" UpdateMode="Conditional">
    <Triggers>
             <asp:PostBackTrigger ControlID="lbtnUploadFile" />
    </Triggers>
    <ContentTemplate>        
        <table style="text-align:left;" width="100%" cellpadding="0" cellspacing="0" >
            <tr>
                <td class="style2" style="background-image:url(App_Themes/NewDesign/Images/barra-pix.gif);">
                    <img id="imgPoints" src="App_Themes/NewDesign/Images/tild-tit.gif" style="vertical-align:middle"/>
                    <font class="titleText">Personal Profile</font>
                </td>
                <td class="style2" align="right"  style="background-image:url(App_Themes/NewDesign/Images/barra-pix.gif);">    
                    <asp:LinkButton ID="lnkBtnCollapseUserProfile" runat="server"><asp:Image ID="imgCollapseExpandUserProfile" ImageUrl="~/App_Themes/NewDesign/Images/_icon.gif" runat="server" style="padding-right:10px;vertical-align:middle;" /></asp:LinkButton>
                </td>
            </tr>
        </table>        
        <asp:Panel ID="pnlUserProfile" runat="server" Width="90%" style="text-align:left; padding-left:40px; padding-top:10px">
            <table style="text-align:left;height:50px" cellpadding="0px" cellspacing="0px" width="1010px" class="Table">   
                <tr>            
                    <td>
                        <asp:Label ID="lblTransactionResultMessage" runat="server" Visible="false" CssClass="transactionResultMessage"></asp:Label>
                        <asp:ValidationSummary ID="requiredValidator" runat="server" ValidationGroup="requiredField"  />
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Panel ID="pnlAccount" runat="server" Visible="true">
                           <table>
                                <tr>
                                    <td class="style1">
                                        <asp:Image ID="imgUser" runat="server" Height="300" Style="border: 1px solid black;width:auto" ImageUrl="~/App_Themes/NewDesign/UsersImages/NoPictureAvailableImage.jpg"/>
                                    </td>
                                    <td>
                                    <table>
                                        <tr>
                                            <td class="style1" style="width:100px">
                                                <asp:Label ID="lblUserName" runat="server" CssClass="labelText" Text="User Name:" style="margin-left:18px"></asp:Label>
                                            </td>
                                            <td class="style1">                                                
                                                <asp:Label ID="lblUserNameTxt" runat="server" CssClass="labelText" style="margin-left:18px"></asp:Label>   
                                             </td>
                                        </tr>
                                        <tr>
                                            <td class="style1" style="width:100px">
                                                <asp:Label ID="lblHigh" runat="server" CssClass="labelText" Text="High:" style="margin-left:18px"></asp:Label>
                                            </td>
                                            <td class="style1">                                                
                                                <asp:Label ID="lblHighTxt" runat="server" CssClass="labelText" style="margin-left:18px"></asp:Label>   
                                             </td>
                                        </tr>
                                        <tr>
                                            <td class="style1" style="width:100px">
                                                <asp:Label ID="lblWeight" runat="server" CssClass="labelText" Text="Weight:" style="margin-left:18px"></asp:Label>
                                            </td>
                                            <td class="style1">                                                
                                                <asp:Label ID="lblWeightTxt" runat="server" CssClass="labelText" style="margin-left:18px"></asp:Label>   
                                             </td>
                                        </tr>
                                        <tr>
                                            <td class="style1" style="width:100px">
                                                <asp:Label ID="lblSex" runat="server" CssClass="labelText" Text="Sex :" style="margin-left:18px"></asp:Label>
                                            </td>
                                            <td class="style1">                                                
                                                <asp:Label ID="lblSexTxt" runat="server" CssClass="labelText" style="margin-left:18px"></asp:Label>   
                                             </td>
                                        </tr>
                                        <tr>
                                            <td class="style1" style="width:100px">
                                                <asp:Label ID="lblLookingFor" runat="server" CssClass="labelText" Text="Looking for:" style="margin-left:18px"></asp:Label>
                                            </td>
                                            <td class="style1">                                                
                                                <asp:Label ID="lblLookingForTxt" runat="server" CssClass="labelText" style="margin-left:18px"></asp:Label>   
                                             </td>
                                        </tr>
                                        <tr>
                                            <td class="style1" style="width:100px">
                                                <asp:Label ID="lblEmail" runat="server" CssClass="labelText" Text="Email:" style="margin-left:18px"></asp:Label>
                                            </td>
                                            <td class="style1">                                                
                                                <asp:Label ID="lblEmailTxt" ForeColor="#0D4D93" runat="server" CssClass="labelText" style="margin-left:18px"></asp:Label>   
                                             </td>
                                        </tr>
                                    </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style1">
                                        <tr>
                                            <td align="left" class="style1" >       
                                                <asp:Label ID="lblDataUpload" Font-Bold="true" Text="Upload your frontal face picture: " CssClass="labelText" runat="server"></asp:Label>
                                            </td>              
                                            <td align="left" style="width:300px">
                                                &nbsp;&nbsp;                            
                                                <asp:FileUpload ID="fuPhoto" runat="server" style="margin-bottom: 0px" />
                                                <asp:LinkButton ID="lbtnUploadFile" runat="server" Text="Upload" ForeColor="#0D4D93" CssClass="labelText" OnClick="UploadFile" Width="10%" ></asp:LinkButton>
                                            </td> 
                                         </tr>
                                     </td>
                                 </tr>
                                 <tr>
                                    <td class="style1">                                               
                                        <asp:TextBox ID="txtMessage" Width="400px" Height="30px" CssClass="TextBox" runat="server"></asp:TextBox>
                                     </td>
                                     <td class="style1" style="width:100px">
                                         <asp:ImageButton ID="btnSendMessage" runat="server" ImageUrl="~/App_Themes/NewDesign/Images/btn_Send.gif" OnClick="SendMessage" />
                                        </asp:Button>
                                    </td>
                                 </tr>
                            </table>
                        </asp:Panel>
                    </td>
                </tr>
            </table>
        </asp:Panel>
        <ajaxToolkit:CollapsiblePanelExtender ID="collapsibleUserProfile" runat="server"
            TargetControlID="pnlUserProfile"
            CollapsedSize="0"
            Collapsed="False"
            ExpandControlID="lnkBtnCollapseUserProfile"
            CollapseControlID="lnkBtnCollapseUserProfile"
            AutoCollapse="False"
            AutoExpand="False"
            ImageControlID="imgCollapseExpandUserProfile"
            ExpandedImage="~/App_Themes/NewDesign/Images/_icon.gif"
            CollapsedImage="~/App_Themes/NewDesign/Images/+icon.gif"
            ExpandDirection="Vertical" />
     </ContentTemplate>
</asp:UpdatePanel>